<!--
 * @Author: your name
 * @Date: 2022-04-15 12:04:52
 * @LastEditTime: 2022-04-17 12:29:26
 * @LastEditors: Please set LastEditors
 * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 * @FilePath: \job-master\web\src\views\dashboard\Index.vue
-->
<template>
  <div class="container">
    <div class="echarts_container"><PCPN/></div>
    <div class="echarts_container"><JobsRation/></div>
    <div class="echarts_container"><PopularIndustries/></div>
    <div class="echarts_container"><JobsNumber/></div>
  </div>
</template>
 
<script>
import PCPN from './components/PCPN.vue'
import PopularIndustries from './components/PopularIndustries.vue'
import JobsRation from './components/JobsRation.vue'
import JobsNumber from './components/JobsNumber.vue'
 export default{
     name:"index",
     data () {
       return {
         
       }
     },
     components: {
     PCPN ,
     PopularIndustries,
     JobsRation,
     JobsNumber
     }
 }
</script>
 
<style lang="scss" scoped>
.container{
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;
  background-color: #fff;
  padding: 10px;
  .echarts_container{
    width: 49%;
    height: 410px;
  }
}
</style>